<!DOCTYPE html>
<!--han game-->
<html>
<head>
<title>水果与蔬菜</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <link href="css/ex.css" rel = "stylesheet" type="text/css">
</head>
<style>
.Easy-btn,.Medium-btn,.Hard-btn{width: 210px;height: 69px;border: none;margin-left:30%;}
.Medium-btn,.Hard-btn{margin-top: 5px;}
.Easy-btn { background: url(image/Easy.png);margin-top: 80px;}
.Medium-btn { background: url(image/Medium-btn.png);}
.Hard-btn { background: url(image/Hard-btn.png);}
 @media (max-width: 1366px ){
   }
</style>
<body>
 <div id="instructions">
       <div class="select">
            <div class="content">
                <div class="indent">
                    鼠标点击(移动端触摸)分类按钮,给闪烁的物体分分类,小朋友们要加油！
                </div>
                 <div class="start"></div>
            </div>
        </div>
        <div id="instruction1">
            <div class="indent" style="margin-top: 15px;">
            </div>
        <button class="Easy-btn"></button>
        <button class="Medium-btn"></button>
        <button class="Hard-btn"></button>
        </div>
        <div id="instruction2">
            <div class="indent">
                鼠标点击(移动端触摸)分类按钮,给闪烁的物体分分类,小朋友们要加油！
            </div>
            <div class="instruct-confirm"></div>
        </div>
    </div>
</body>
<script src="js/jquery.min.js"></script>
<script src="js/common.js"></script>
<script>
//你真棒
$(".start").click(function(){
        $(".select").hide();
        $("#instruction1").show();
    })
    $(".Easy-btn").click(function(){
    localStorage.setItem("vision", 1);
    window.location.href='gameMain.html'; 
  })
     $(".Medium-btn").click(function(){
     localStorage.setItem("vision", 0.5000000000000001);
     window.location.href='gameMain.html'; 
  })
   $(".Hard-btn").click(function(){
     localStorage.setItem("vision", 0.40000000000000013);
     window.location.href='gameMain.html'; 
  })
</script>
</html>